<!--<seed-blank-header [title]="'注册'"></seed-blank-header>-->

<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>注册</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="register-content">
    <form [formGroup]="registerForm" (ngSubmit)="goSetPassword()">
      <div class="phone-msg">
        <div *ngIf="registerForm.controls.account.touched ">
          <p class="error-msg" *ngIf="registerForm.hasError('required','account') " color="danger">{{phoneError}}</p>
          <p class="error-msg" *ngIf="invalidPhoneNumber && !registerForm.hasError('required','account')" color="danger">{{phoneError}}</p>
        </div>
      </div>
      <div class="register-box register-box-account">
        <div class="register-box-input">
          <input type="tel" formControlName="account" name="register-account" id="register-account" placeholder="请输入手机号">
        </div>
        <!-- <span class="delet-account"
        *ngIf="registerForm.controls['account'].value != ''"
        (click)="registerForm.controls['account'].setValue('')"
        ></span> -->
      </div>

      <div class="check-code-box">
        <div class="register-box-input register-box ">
          <input type="text" formControlName="validateCode" name="register-verify-code" id="validate-code" placeholder="请输入验证码">
        </div>
        <p>
            <img [src]="dataStore.imgValidateCode" alt="" (click)="getImgValidateCode()">
        </p>
      </div>
      <!--输出手机号验证信息-->

      <div class="check-code-box"> 
        <div class="register-box-input  register-box sms-code-box">
          <input type="text" formControlName="verifyCode" name="register-verify-code" id="register-verify-code" placeholder="请输入短信验证码">
        </div>
        <div class="register-timer" (click)="checkForm()">
          <span>{{timer}}</span>
        </div>
      </div>


      <button type="submit" [disabled]="!stateStore.isSended" class="register-button-next">下一步</button>
      <!-- <button type="submit" ion-button block *ngIf="isRegister" class="register-button-next is-register">用户已注册</button>-->
      <div class="user-agreement" text-center>
        注册即表示同意<a (click)="goProtocal()">注册协议</a>
      </div>
    </form>
  </div>
  <!--<login-logo></login-logo>-->
</seed-content>
<!--<router-outlet></router-outlet>-->
